<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
</head>
<body>
<div id="hosp">
    <div id="header">
    <div class="header_upperledge">
        <img src="../../static/imgs/logo.png">
        <span class="header_upperledge_text">北京市预约挂号统一平台</span>
        <span  class="header_upperledge_clickable1">登录/注册 </span>
        <span  class="header_upperledge_clickable2"> 帮助中心  </span>
        <span class="header_upperledge_clickable3">敬老版</span>
    </div>
</div>
    <div id="main">
        <div class="main_component">
            <div class="left">
                <ul>
                    <li><a href="#">实名认证</a></li>
                    <li><a href="#">挂号订单</a></li>
                    <li><a href="#" class="hh1">就诊人管理</a></li>
                    <li><a href="#">修改账户信息</a></li>
                </ul>
            </div>
            <div class="right">
                <div data-v-d953a558="" data-v-33a448be="" class="personal-patient">
                    <div data-v-d953a558="" class="header-wrapper">
                        <div data-v-d953a558="" class="title"> 就诊人管理
                        </div>
                    </div>
                    <div data-v-d953a558="" class="content-wrapper">
                        <div data-v-1fff2256="" data-v-d953a558="" class="item-add-wrapper v-card clickable">
                            <div>
                                <div data-v-d953a558="" data-v-1fff2256="" onclick="location.href='add_patient.html'">+ 添加就诊人
                                </div>
								<div style="width:100%">
									<table style="width:80%;align:center">
										<tr>
											<td>选择就诊人</td>
											<td>编号</td>
											<td>姓名</td>
											<td>身份证</td>
											<td>联系电话</td>
										</tr>
										<tr>
										<td><input type="radio"/></td>
											<td>1</td>
											<td>张三</td>
											<td>43022320010101</td>
											<td>13785341295</td>
										</tr>
										<td><input type="radio"/></td>
											<td>2</td>
											<td>李四</td>
											<td>43022320010101</td>
											<td>13785341295</td>
										</tr>
									</table>
										<div style="text-align:left;" >
											挂号信息
										</div>
								<div style="text-align:left;margin-left:250px;font-size:12px" >								
										就诊日期：<span>2022年05月13日 周五 上午</span><br/>
										就诊医院：<span>北京大学第一医院</span><br/>
										就诊科室：<span>呼吸内科门诊-HXNKMZ</span><br/>
										医生姓名：<span>聂立功</span><br/>
										医生职称：<span>副主任医生</span><br/>
										医事服务费：<span>50元</span><br/>
										<input type="button" value="确认挂号"/>
								</div>
                            </div>
                        </div>
                        <div class="el-loading-mask" style="display: none;">
                            <div class="el-loading-spinner">
                                <svg viewBox="25 25 50 50" class="circular">
                                    <circle cx="50" cy="50" r="20" fill="none" class="path">
                                    </circle>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div data-v-0ccdb0fc="" data-v-d953a558="" class="el-dialog__wrapper" style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="绑定就诊卡" class="el-dialog" style="margin-top: 15vh; width: 480px;">
                            <div class="el-dialog__header">
<span class="el-dialog__title">
绑定就诊卡</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                                    <i class="el-dialog__close el-icon el-icon-close"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div id="remnant" style="margin-top:120px;">
        <div id="footer-container">
            <span>京ICP备05021558号-24&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp电话挂号010-114</span>
            <ul>
                <li><a href="#">扫一扫</a></li>
                <li><a href="#">隐私协议</a></li>
                <li><a href="#">用户协议</a></li>
                <li><a href="#">合作伙伴</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>